iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
Mobile Development

Flutter with GetX, loading*175%歷程 系列 第 30

[Day30] Flutter with GetX flutter_WebRTC

  • 分享至 

  • xImage
  •  

Flutter_WebRTC

本篇需搭配後疫情時代的WebRTC微學習 Day28服用

用docker建立本地的turn server & signaling server.

docker compose up -d
container起來後
https://ithelp.ithome.com.tw/upload/images/20211014/20140296IFLKHVWcop.png

接著在瀏覽器輸入 https://localhost:8080/ 並同意鏡頭的權限
https://ithelp.ithome.com.tw/upload/images/20211014/201402965ySmxlLALi.png

程式的部分有點長 請大家參考這個GitHub repo
大致上音訊視訊建立前使用socket.io溝通(其實任何形式都可以, 只要發送接收的到就好)
並轉發 webRTC Signaling server的必要資訊.

https://ithelp.ithome.com.tw/upload/images/20211006/20130062BpShvgyeri.png

實際效果如下
Yes

鐵人賽至今是第30篇 就用最近survey的webRTC作結尾 感謝觀看


上一篇
[Day29] Flutter with GetX native_splash
系列文
Flutter with GetX, loading*175%歷程 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Todd
iT邦新手 1 級 ‧ 2021-10-14 23:46:59

恭喜完賽!

我要留言

立即登入留言